<header class="container-fluid main-color" id="embed_page_header">
    <div class="row">
        <div class="col-2 col-sm-1 col-md-1 text-center"><a href="javascript:;" role="button" class="btn historyBack"><i class="ico mdi mdi-chevron-left"></i></a></div>
        <div class="col-8 col-sm-10 col-md-10 embed_header_title text-center">我</div>
        <div class="col-2 col-sm-1 col-md-1 text-center"><a href="javascript:;" role="button" class="btn"><i class="ico mdi mdi-search"></i></a></div>
    </div>
</header>
<div id="embed_page">
    <div class="container">
        <div class="member-bg-{{curMember?.style}}" id="member-header">
          <div class="row">
            <div class="col-3 col-sm-2 col-md-2">
                <span id="member-header-avatar">
                    <app-member-local-avatar [link]="curMember?.avatar" [scale]="64"></app-member-local-avatar>
                </span>
            </div>
            <div class="col-9 col-sm-10 col-md-10">
                <div id="member-header-body">
                    <h5>{{curMember?.names}} @u{{curMember?.id}}</h5>
                    <ul class="list-inline" id="member-info">
                        <li class="list-inline-item">组: {{curMember?.groupTitle}}</li>
                        <li class="list-inline-item">角色: {{curMember?.roleTitle}}</li>
                        <li class="list-inline-item">状态: {{curMember?.statusTitle}}</li>
                    </ul>
                </div>
            </div>
          </div>
        </div>
        <div class="main-color" id="member-stats-set" *ngIf="(profile$|async)as mp">
          <div class="row">
            <div class="col-3 col-sm-3 col-md-3"><dl><dt>话题</dt><dd>{{mp.threads}}</dd></dl></div>
            <div class="col-3 col-sm-3 col-md-3"><dl><dt>回复</dt><dd>{{mp.replies}}</dd></dl></div>
            <div class="col-3 col-sm-3 col-md-3"><dl><dt>积分</dt><dd>{{mp.score}}</dd></dl></div>
            <div class="col-3 col-sm-3 col-md-3"><dl><dt>等级</dt><dd>{{mp.levelNo}}级<span class="d-none d-sm-inline">/ {{mp.level}}</span></dd></dl></div>
          </div>
        </div>
        <div class="alert alert-info alert-dismissible fade show" role="alert" *ngIf="(loginRecord$|async)as lr">
            <span style="font-size:0.8rem">上次登录: {{lr.dateTime|date:"yyyy-MM-dd HH:mm"}} &nbsp;<label class="ico mdi mdi-pin">&nbsp;{{lr.province}} {{lr.city}}</label></span>
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
              <span aria-hidden="true">&times;</span>
            </button>
        </div>
        <div id="member_set_section">
            <div class="embed_nr">
                <h5 class="embed_nr_title topic_normal_color default-txt-color">设置</h5>
                <ul class="list-unstyled embed_nr_childs main-color">
                    <li><a class="d-block" role="button" [routerLink]="['/member/home/profile']">个性签名<span class="rht-link"><i class="ico mdi mdi-chevron-right"></i></span></a></li>
                    <li><a class="d-block" role="button" [routerLink]="['/member/home/avatar']">选择头像<span class="rht-link"><i class="ico mdi mdi-chevron-right"></i></span></a></li>
                    <li><a class="d-block" role="button" [routerLink]="['/member/home/social']">社交信息<span class="rht-link"><i class="ico mdi mdi-chevron-right"></i></span></a></li>
                    <li><a class="d-block" role="button" [routerLink]="['/member/home/passport']">修改密码<span class="rht-link"><i class="ico mdi mdi-chevron-right"></i></span></a></li>
                </ul>
            </div>
        </div>
        <div id="member_topic_section">
            <div class="embed_nr">
                <h5 class="embed_nr_title topic_normal_color default-txt-color">话题</h5>
                <ul class="list-unstyled embed_nr_childs main-color">
                 <li><a class="d-block" role="button" [routerLink]="['/member/home/topic']">发布的话题<span class="rht-link"><i class="ico mdi mdi-chevron-right"></i></span></a></li>
                 <li><a class="d-block" role="button" [routerLink]="['/member/home/posts']">回复的话题<span class="rht-link"><i class="ico mdi mdi-chevron-right"></i></span></a></li>
                 <li><a class="d-block" role="button" [routerLink]="['/member/home/topic/favorite']">收藏的话题<span class="rht-link"><i class="ico mdi mdi-chevron-right"></i></span></a></li>
                 <li><a class="d-block" role="button" [routerLink]="['/member/home/topic/like']">点赞的话题<span class="rht-link"><i class="ico mdi mdi-chevron-right"></i></span></a></li>
                </ul>
            </div>
        </div>
        <div id="member_topic_section">
            <div class="embed_nr">
                <h5 class="embed_nr_title topic_normal_color default-txt-color">其它</h5>
                <ul class="list-unstyled embed_nr_childs main-color">
                    <li><a class="d-block" role="button" [routerLink]="['/member/home/board']">版块收藏<span class="rht-link"><i class="ico mdi mdi-chevron-right"></i></span></a></li>
                    <li><a class="d-block" role="button" [routerLink]="['/member/home/history']">操作记录<span class="rht-link"><i class="ico mdi mdi-chevron-right"></i></span></a></li>
                </ul>
            </div>
        </div>
        <p class="bg-default hl60 text-center"><a [routerLink]="['/member/offline']" [queryParams]="{trace: 'msa'}">注销</a></p>
    </div>
</div>